<!DOCTYPE html>
<html lang="en">
<head>
    
    <title>北京站智能网格化管理系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="../lib/css/iconFont/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/common.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/job_safety.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/select2.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/loading.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/dialog.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/jquery.datetimepicker.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/animate.css">
    <style>
    .train_time .lds-css{
        position: absolute;
        background-color: transparent;
    }
    .job_right .lds-css{
        position: absolute;
    }
    .train_mes,.job_right{
        position: relative;
    }
    .finish_status h3 span{
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 3px solid #000;
        border-color: #4197e1 transparent #4197e1 transparent;
        -webkit-animation: lds-dual-ring 1.3s linear infinite;
        animation: lds-dual-ring 1.3s linear infinite;
        margin-left: 10px;
        vertical-align: -3px;
    }
    </style>
</head>
<body>
<div class="wraper" style="background:#f2f2f2">
    <!-- 头部 -->
    
    

    <!-- 作业安全 -->
    
    <div class="job_safety_box">
        <div class="job_info">
            <div class="hint">
                <span>i</span>
                <p>接发车作业安全控制图起始时间为当天0点到第二天0点</p>
                <audio controls="" height="80" width="80" class="dingling" style="display:none" loop>
                    <source src="../lib/voice/go.mp3" type="audio/mpeg" />
                    <source src="../lib/voice/go.mp3" type="audio/ogg" />
                    <embed height="50" width="80" src="../lib/voice/go.mp3" />
                </audio>    
            </div>
            <div class="bottom">
                <div class="train_mes">
                    <div class="search_train">
                        <!-- <button class="add_train">添加临车</button> -->
                        <div class="ipt">
                            <i class="icon iconfont icon-sousuo"></i>
                            <input type="text" placeholder="请输入车次" class="search_ipt">
                            <i class="icon iconfont icon-chahao"></i>
                        </div>
                        <p class="search">搜索</p>
                    </div>
                    <div class="tippoint">
                        <ul class="clearfix">
                            <li class="l"><span></span>晚点</li>
                            <li class="u"><span></span>未接收</li>
                            <li class="i"><span></span>进行中</li>
                            <li class="o"><span></span>完成</li>
                            <li class="n"><span></span>已过期</li>
                        </ul>
                    </div>
                    <div class="train_time">
                        <div class="cur_time">
                            <span class="left_arrow"><</span>
                            <div>
                                <p class="year"></p>
                                <p class="month"></p>
                            </div>
                            <span class="right_arrow">></span>
                        </div>
                        <!-- loading动画 -->
                        <div class="lds-css ng-scope">
                            <div class="lds-dual-ring">
                                <div></div>
                            </div>
                        </div>
                        <div class="timeline" id="scrollbar1">
                            <!-- <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
                            <div class="viewport">  -->
                                <ul class="train_list">
                                    <!-- <li>
                                        <p class="times">14:30</p>
                                        <div class="curline">
                                            <span></span>
                                            <div class="line"></div>
                                        </div>
                                        <p class="train">D2</p>
                                    </li> -->
                                    
                                </ul>
                            <!-- </div> -->
                        </div>
                    </div>
                </div>
                <div class="job_right">
                    <div class="add_btns">
                        <button class="start_job">开始作业任务</button><button class="change_mes">修改车次信息</button>
                    </div>
                    <div class="train_mes_list">
                        <ul>
                            
                        </ul>
                    </div>
                    <div class="finish_status">
                        <h3>作业任务完成状态<span class="working_icon"> </span></h3>
                        <div class="job_list">
                            <!-- <div class="job_mes">
                                <p>站台客运员发车作业</p>
                                <p>任务状态 : <span>未下发任务</span></p>
                                <p>作业人员 : <span>无</span></p>
                            </div>
                            <div class="job_mes">
                                <p>站台客运员发车作业</p>
                                <p>任务状态 : <span>未下发任务</span></p>
                                <p>作业人员 : <span>无</span></p>
                            </div>
                            <div class="job_mes">
                                <p>站台客运员发车作业</p>
                                <p>任务状态 : <span>未下发任务</span></p>
                                <p>作业人员 : <span>无</span></p>
                            </div>
                            <div class="job_mes">
                                <p>站台客运员发车作业</p>
                                <p>任务状态 : <span>未下发任务</span></p>
                                <p>作业人员 : <span>无</span></p>
                            </div> -->

                        </div>
                    </div>
                    <!-- loading动画 -->
                    <div class="lds-css ng-scope">
                        <div class="lds-dual-ring">
                            <div></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 修改车次信息 -->
    <div class="change_train_mes">
        <div class="change_info">
            <div class="hint">
                <span>i</span>
                <p>临时添加或修改车次不影响正常的车次信息</p>
            </div>
            <h3><span class="back_jobsafety">返回作业流程</span>/修改&新增车次信息</h3>
            <ul class="change_list">
            <!-- <li>
                    <div>
                        <p>车次 : </p>
                        <input type="text">
                    </div>
                </li>
                <li>
                    <div>
                        <p>始发站 : </p>
                        <input type="text">
                    </div>
                    <div>
                        <p>始发时间 : </p>
                        <input type="text">
                    </div>
                </li>
                <li>
                    <div>
                        <p>终点站 : </p>
                        <input type="text">
                    </div>
                    <div>
                        <p>到达时间 : </p>
                        <input type="text">
                    </div>
                </li>
                <li>
                    <div>
                        <p>列车停靠股道 : </p>
                        <select class="c01-select change_train_gd"></select>
                    </div>
                    <div>
                        <p>作业站台 : </p>
                        <select class="c01-select change_train_zt"></select>
                    </div>
                </li>
                <li>
                    <div>
                        <p>列车状态 : </p>
                        <select class="c01-select train_status"></select>
                    </div>
                </li>
                <li>
                    <div>
                        <p>是否晚点 : </p>
                        <select class="c01-select is_beinglate"></select>
                    </div>
                </li>
                <li>
                    <div>
                        <p>晚点时间 : </p>
                        <input type="text" class="days"> 天 
                        <input type="text" class="hours"> 小时 
                        <input type="text" class="min"> 分钟 
                    </div>
                </li> -->
                
            </ul>
            <div class="submit_mes_wrap" style="margin-left:60px">
                <button class="submit_mes subs">提交</button>
                <button class="submit_mes cancel">取消</button>
            </div>
        </div>        
    </div>
    <script src="../lib/js/jquery-1.8.3.min.js"></script>
    <script src="../lib/js/base.js"></script>
	<script src="../lib/js/select2.full.min.js"></script>
    <script src="../lib/js/datetimepicker.js"></script>
    <script src="../lib/js/dialog.js"></script>
    <script src="../lib/js/job_safety.js"></script>
	
</div>
</body>
</html>

